<!DOCTYPE html>
<html>
<head lang="en">
    <meta charset="UTF-8">
    <title></title>
    <style>
        *{margin:0;padding:0}
        a{text-decoration: none;display: block;color:white;}
        ul{list-style: none;overflow: hidden;background:pink}
        li{float:left;line-height: 50px;width:100px;text-align:center;}
        a:hover{color:gainsboro;background-color: deeppink}

    </style>
</head>
<body>
<ul>
    <li><a href="#">手机</a></li>
    <li><a href="#">平板</a></li>
    <li><a href="#">电脑</a></li>
</ul>
</body>
</html>